﻿<Page
    x:Class="metroCIS.Win8Application.Main"
    IsTabStop="false"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:metroCIS.Win8Application"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d" Background="White">
    <Grid>
        <Grid.Background>
            <ImageBrush ImageSource="Images/Background.jpg" Stretch="UniformToFill" />
        </Grid.Background>
        
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        
        <Grid Margin="40,20,40,20"  Grid.Row="0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="Auto"/>
            </Grid.ColumnDefinitions>
            <Button Click="backButton_Click_1" x:Name="backButton" Style="{StaticResource BackButtonStyle}"/>
            <StackPanel Orientation="Horizontal" Grid.Column="1">
                <TextBlock VerticalAlignment="Center" Foreground="Black" Text="metroCIS" Style="{StaticResource PageHeaderTextStyle}"/>
                <TextBlock Margin="10,0,0,0" VerticalAlignment="Center" FontSize="36" Foreground="Black" Text="{Binding Content.Title, ElementName=InnerFrame}" Style="{StaticResource PageHeaderTextStyle}"/>
            </StackPanel>
            <Image Grid.Column="2" Height="100"  VerticalAlignment="Center" Source="Images/metroCIS_small.png" />
        </Grid>
        
        <ScrollViewer Grid.Row="1" Style="{StaticResource HorizontalScrollViewerStyle}">
            <Frame x:Name="InnerFrame" Grid.Row="1" />
        </ScrollViewer>
    </Grid>
</Page>
